<!DOCTYPE html>

<script src="../../resources/js-test.js"></script>

<style>
html, body { padding: 0; margin: 0; }

/* We only need to test ::before since it's identical to ::after in the implementation. */
#before::before {
  cursor: wait;
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: red;
}
</style>

<div id="before"></div>

<script>    
description("Test that mouse cursors are applied correctly to ::before/::after pseudo elements.");

if (!window.eventSender) {
  debug("Hover your mouse over the red block, you should see the pointer cursor.");
} else {
  eventSender.mouseMoveTo(2, 2);
  debug("Cursor Info: " + internals.getCurrentCursorInfo());
}
</script>
